<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>我的家乡</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
</head>
<body>
<div class="h-bg">
    <div class="container">
        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
            </div>
            <div class="foot-search">
                <form>
                    <input type="text" value="keyword here" onfocus="this.value = '';"
                           onblur="if (this.value == '') {this.value = 'keyword here';}">
                    <input type="submit" value="Search">
                </form>
            </div>
            <div class="clear"></div>
        </div>
        <div class="nav-collapse nav-collapse_ collapse">
            <ul class="nav sf-menu clearfix sf-js-enabled">
                <li class="active color-1"><a href="index.html">Home</a></li>
                <li class="sub-menu color-2"><a href="custom.html">Customs</a></li>
                <li class="color-3"><a href="development.html">Developments</a></li>
                <li class="color-4"><a href="favourites.html">Favourites</a></li>
                <li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
                <li class="color-6"><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div class="main-bg">
    <div class="container">
        <div class="main-wrp">
            <div class="main-list">
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic1.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic2.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic3.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic4.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <div class="main-list1">
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic5.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic6.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic7.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic8.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="main-list1">
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic9.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic10.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic11.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="span4">
                    <div class="css3gallery">
                        <img src="./images/pic12.jpg" alt="fotograph" title=""/>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <div class="pagination">
                <ul>
                    <li><a href="#">Prev</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">Next</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div></div>
</body>
</html>